<template>
    <section class="hospital">
        <Header style="z-index:1025">
            <header-menu></header-menu>
        </Header>
        <user-top></user-top>
        <user-nav :list="list" :width="160"></user-nav>
        <div class="container clearfix">
             <div class="left mydiary-box ">
                 <side-user style="margin-bottom: 10px"></side-user>
                 <side-list :list="sidelist"></side-list>
                 <img src="../../assets/meirong1.jpg" alt="">
                 <answer-list :answerlist="answerlist" v-if="path===true"></answer-list>
                 <div style="clear: both"></div>
             </div>
            <div class="right mydiary-right">
                <router-view></router-view>
            </div>
         <div style="clear: both"></div>
            <product-Nav :navList="i" v-for="(i, k) in navList1" :key="k"></product-Nav>
        </div>
        <bottom-icon></bottom-icon>
        <Footer>
            <page-footer></page-footer>
        </Footer>
    </section>
</template>

<script>
    import HeaderMenu from '@/components/Header/'
    import PageFooter from '../../components/Footer/'
    import BottomIcon from '../../components/BottomIcon/'
    import UserTop from '../../components/Usertop/'
    import MyDiary from '../../components/Usertop/MyDiary'
    import UserNav from '../../components/Usertop/userNav'
    import AnswerList from '../../components/Circle/AnswerList'
    import SideUser from "@/components/My/UserInfo/SideUserinfo"
    import SideList from "@/components/SideMenu/SideList"
    import productNav from "@/components/ProductNav/"

    export default {
        name: "Hospital",
        components: {
            PageFooter,
            BottomIcon,
            HeaderMenu,
            UserTop,
            UserNav,
            SideUser,
            SideList,
            MyDiary,
            productNav,
            AnswerList
        },
        data () {
            return {
                sidelist: [
                    {
                        id: 1,
                        name: '竞价排名',
                        child: [
                            {id: 1,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 2,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 3,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            // {id: 4,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                        ]
                    },
                    {
                        id: 2,
                        name: '大家正在预约',
                        child: [
                            {id: 21,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 22,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 23,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            // {id: 24,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                        ]
                    },
                    {
                        id: 3,
                        name: '新品推荐',
                        child: [
                            {id: 21,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 22,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 23,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                            {id: 24,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                        ]
                    },
                ],
                navList1: [
                    {id: 1, title: '猜你喜欢',type:1,child:[
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },
                            {
                                evaluate:2.0,
                                price:9999,
                                oldPrice:12323,
                                delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                                jiGou:'美橙医疗整形美容',
                                num:22
                            },


                        ]
                    },
                ],
                list: [
                    {id:1,name:"首页",show:false,path:'/commoditys/home'},
                    {id:2,name:"预约",show:false,path:'/commoditys/make'},
                    {id:3,name:"日记",show:true,path:'/commoditys/diary'},
                    {id:4,name:"资讯相册",show:true,path:'/commoditys/information'},
                    {id:5,name:"圈子",show:false,path:'/commoditys/cricle'},
                    {id:6,name:"粉丝",num:200,show:false,path:'/commoditys/fans'},
                    {id:7,name:"关注",num:200,show:false,path:'/commoditys/follow'},
                ],
                answerlist:[

                    {
                        id:1,
                        problem:'鼻综合一周，为什么笑容僵硬，上嘴唇不露齿？',
                        answer:'崔医生：做完鼻子一般都会肿，笑起来面部僵硬属于正常，如果还是觉得不适。可以去医院复查',

                    }
                ],
            }
        },
        computed: {
            path () {
                if(this.$route.path==='/hospital/home'){
                    return true
                }
            },
        },
    }
</script>

<style scoped lang="less">
@import "../../style/style.less";
  .mydiary-box{
      width: 260px;
      float: left;
      margin-right: 30px;
      padding-top: 20px;
      img{
          margin-top: 10px;
          width: 262px;
          height: 361px;
      }

  }
    .mydiary-right{
        width: 890px;
        float: right;
        padding-top: 20px;
        .mydiary-title{
            line-height: 35px;
            border-bottom:2px solid @theme-color-dark;
            color: #ff526e;
            font-size: 18px;
            padding-left: 10px;
        }
    }
    .container{
        padding-bottom: 60px;
    }
</style>